*{
  margin:0;
  padding:0;
  box-sizing: border-box;
  font-family: "小塚明朝 Pro",'Noto Serif JP', serif;
  letter-spacing: 0.1em;
  font-size: 62.5%;
}

/*申し込みフォームの入力欄*/
input[type="text"] ,
input[type="number"],
textarea{
  border: 1px solid #777;
}

input[type="text"]:focus,
input[type="number"]:focus,
textarea:focus{
  border: 1px solid #222;
  outline: 0;
}

li{
  list-style: none;
}

a{
  text-decoration:none;
}

/*サイト全体の背景画像*/
body{
  min-width:1400px;
  width: 100%;
  height:auto;
  background-image: url("../img/whole-img.jpg");
}

.inner{
  width:875px;
  height: auto;
  margin:0 auto;
}

.inner-wid{
  width:950px;
  height: auto;
  margin: 0 auto;
}

/*TOPヘッダー*/
header{
  width:100%;
  height: 50px;
  position: relative;
  position: fixed;
  top:0;
  z-index: 2;
}

#header-inside{
  height: inherit;
  align-items: center;
}

/*TOPヘッダーロゴ */
.header-logo{
  display: inline-block;
  padding: 11px 0 0 15px;
  width: 120px;
  height: auto;
  float: left;
}
.header-logo img{
  width: 100%;
  max-width: 100%;
  height: auto;
}

/*ヘッダーロゴ アンドロイド専用*/
.Android .header-logo{
  padding-left: 15px!important;
  width: 120px!important;
  height: auto!important;
}
.Android .header-logo img{
  width: 100%!important;
  max-width: 100%!important;
  height: auto!important;
}

/*TOPヘッダー facebookアイコン*/
#f-form{
  height: 25px;
  display: inline-block;
  float: right;
  margin-top: 12px;
  padding-left: 20px;
  border-left: solid 1px #ccc;
}

/*TOPヘッダー お問い合わせ*/
#contact-form{
  display: inline-block;
  float: right;
  margin-top: 12px;
  padding-right: 10px
}

/*TOPヘッダー お問い合わせ フォント*/
#header-inside a{
  text-decoration: transparent;
  padding-right: 10px;
  font-size: 1.2rem;
  font-feature-settings: "palt" 1;
  font-weight: normal;
  color:#f1f0f0;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

#header-inside a:hover{
  text-decoration-color: #f1f0f0;
  text-decoration-line: underline;
}

/* TOPヘッダーの背景画像 */
header::before{
  display: block;
  width: 100%;
  height: 50px;
  content: " ";
  position: absolute;
  background: url("../img/header-img.jpg");
  background-position: top center;
  background-attachment: fixed;
  opacity: .6;
  z-index: -1;
}

/*top動画*/
#main-movie{
  padding-top: 50px;
}

/* メインメニュー*/
#header-inner ul{
  height:60px;
  display: flex;
  justify-content: center;
}

#header-inner ul li{
  margin:0 auto;
  text-align: center;
  z-index: 5;
}

/* メインメニューの文字*/
#header-inner ul li a{
  display: block;
  padding:16px;
  font-size: 1.4rem;
  color:#f2f4e6;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

#header-inner ul li a:hover{
  text-shadow:
  1px  1px 2px #fff,
  -1px -1px 2px #fff;
}

/* メインメニューの背景画像*/
#header-inner ul::before{
  display: block;
  width: 950px;
  height: 60px;
  content: " ";
  position: absolute;
  background: url("../img/main-menu-img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  opacity: .7;
  z-index: 4;
}

.inner-wid{
  position: relative;
}

/* TOP動画*/
video{
  outline:none;
}

/* 背景の花＿左側*/
#left-img{
  width:222px;
  height:466px;
  background: url("../img/flower-left.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -190;
  bottom:-115;
}

/* 背景の花＿右側*/
#right-img{
  width:182px;
  height:384px;
  background: url("../img/flower-right.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position:absolute;
  right:-135;
  bottom: -135;
}

/* 全ページ共通 白い背景画像*/
.container-background{
  height: auto;
  position: relative;
  background: url("../img/container-img.jpg");
  background-position: center;
  background-size:102% 102%;
  padding:40px 15px;
  z-index:1;
}

/* 全ページ共通 白い背景画像の背面の黒ハッチング*/
.container-inner{
  display: block;
  width: 950px;
  height: auto;
  content: " ";
  background: url("../img/main-menu-img.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  opacity: .8;
  z-index: 1;
 }

/* 新着情報*/
#main{
  width:100%;
}

/* 新着情報のタイトル*/
#latest{
  display: flex;
  padding:60px 0 50px;
  width: 70%;
}

#latest .title{
  position:relative;
  width:26.56%;
}

/* 新着情報の見出し 文字サイズ*/
#latest h3{
  font-size: 1.8rem;
  text-align: right;
  padding-right: 15px;
  position:relative;
}

/* 新着情報の見出し 背景画像*/
#latest img{
  position:absolute;
  top:-15;
  right: 15;
}

/*新着情報の記事*/
#latest-article{
  width:73.43%;
  padding:5px 0 0 10px;
}

#latest-article li{
  list-style: none;
  display: flex;
}

/*新着情報の投稿日*/
#latest-article time{
  padding-right:30px;
  font-size:1.4rem;
  color:#030303;
}

/*新着情報の記事名*/
#latest-article a{
  text-decoration: transparent;
  font-size:1.4rem;
  color:#030303;
  transition: .4s ease;
  -webkit-transition:.4s ease;
  -moz-transition:.4s ease;
}

#latest-article a:hover{
  text-decoration-color: #030303;
  text-decoration-line: underline;
}

/* フッターの背景画像*/
footer{
  width: 100%;
  background-image: url("../img/foot.jpg");
}

/* フッターメニュー*/
#footer-menu ul{
  display: flex;
  padding:10px 80px 0 20px
}

#footer-menu ul li{
  list-style:none;
  z-index:1;
  margin:0 auto;
}

/* フッターメニューのフォント*/
#footer-menu ul li a{
  text-decoration: transparent;
  color: #e7e4ce;
  font-size: 1.2rem;
  transition: .4s ease;
  -webkit-transition:.4s ease;
  -moz-transition:.4s ease;
}

#footer-menu ul li a:hover{
  text-decoration-color: #e7e4ce;
  text-decoration-line: underline;
}

/* フッターのフォント*/
#footer-text{
  position: relative;
  padding:20px 0 15px 45px;
}

#footer-text  p{
  font-size:1.2rem;
  color: #e7e4ce;
  line-height: 1.7em;
  font-weight: 200;
}

/* フッター コピーライトのフォント*/
#footer-text  .copy{
   font-size:1.0rem;
}

/* フッター背景の黒ハッチング*/
#footer-inner::before{
  display: block;
  width: 950px;
  height: 137px;
  content: " ";
  position: absolute;
  background-color: rgba(0 ,0 ,0, .2);
  background-size: cover;
  background-position: top center;
}

/*下層ページのヘッダー*/
.header{
  width:100%;
  position: relative;
  z-index: 2;
}

.header-inside{
  height: 50px;
}

/*下層ページのヘッダーロゴ*/
.header-inside h1{
  padding-left: 15px;
  font-size: 1.2rem;
  font-feature-settings: "palt" 1;
  font-weight: normal;
  color:#f8f3f3;
}

/*下層ページのfacebookアイコン*/
.f-form{
  display: inline-block;
  height: 25px;
  float: right;
  margin-top: 12px;
  padding-left: 20px;
  border-left: solid 1px #ccc;
}

/*下層ページのヘッダー お問い合わせ*/
.contact-form{
    display: inline-block;
    float: right;
    margin-top: 12px;
}

/*お問い合わせ　フォント*/
.header-inside a{
  text-decoration: transparent;
  padding-right: 16px;
  font-size: 1.2rem;
  font-feature-settings: "palt" 1;
  font-weight: normal;
  color:#f1f0f0;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.header-inside a:hover{
  text-decoration-color: #f1f0f0;
  text-decoration-line: underline;
}

/* 下層ページのヘッダーの背景画像 */
.header::before{
  display: block;
  width: 100%;
  height:100px;
  content: " ";
  position: absolute;
  background: url("../img/header-img.jpg");
  background-size: cover;
  opacity: .6;
  z-index: -1;
}

/* 下層ページのメインメニュー*/
.header-menu ul{
  height:50px;
  display: flex;
  justify-content: center;
}

.header-menu ul li{
  margin:0 auto;
  text-align: center;
  z-index: 5;
}

/* 下層ページのメインメニューの文字*/
.header-menu ul li a{
  display: block;
  padding:8px 13px 14px;
  font-size: 1.4rem;
  color:#f2f4e6;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.header-menu ul li a:hover{
  text-shadow:
   1px  1px 2px #fff,
  -1px -1px 2px #fff;
}

/* 下層ページのヘッダーメニューの固定追尾*/
.is-fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
}

.is-fixed::before{
  display: block;
  width: 100%;
  height:50px;
  content: " ";
  position: absolute;
  background: url("../img/header-img.jpg");
  background-size: cover;
  opacity: .6;
  z-index: -1;
}

/*
=======================================
=============
profile.htmlのcss
=======================================
=============*/

/* プロフィール・活動歴 */
#pf-flex{
  display: flex;
}

/* プロフィールのタイトル */
#profile-title{
  position:relative;
}

/* プロフィールのタイトルのフォント */
#profile-title h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 29px;
  padding-top:15px;
}

/* プロフィールのタイトルの背景画像 */
#profile-title img{
  position:absolute;
  top:-4;
  left: -5;
}

/* プロフィール画像 */
#pf-img{
  width:40%;
  padding:10px 20px 0 30px;
}

#pf-img img{
  width: 100%;
  height: auto;
}

/* プロフィール画像横のテキスト幅 */
#profile-text{
  width: 60%;
}

/* プロフィールの見出し 文字サイズ */
#profile-text h3,
#position-text h3{
  padding:2px 0 10px;;
  font-size: 1.6rem;
}

/* プロフィールのテキスト 文字サイズ */
#profile-text p{
  font-size:1.4rem;
  line-height: 1.7;
  padding-right: 40px;
}

/* 役職のテキスト */
#position-text{
  padding:20px 0 0 40px;
}
/* 役職のテキスト 文字サイズ*/
#position-text p{
  font-size:1.4rem;
  line-height: 1.7;
}

/* 演能経歴と活動経歴 */
.career{
  padding-top:30px;
}

/* 演能経歴と活動経歴のタイトル */
.career-title{
  position:relative;
}

/* 演能経歴と活動経歴のタイトルのフォント */
.career-title h2{
  font-size: 1.8rem;
  padding-bottom: 40px;
  padding-left: 29px;
  padding-top:15px;
}

/* 演能経歴と活動経歴のタイトルの背景画像 */
.career-title img{
  position:absolute;
  top:-4;
  left: -5;
}

/* 演能経歴のテキスト */
#career-text{
  width: 100%;
  padding-left:40px;
}

#career-text ul{
  padding-right: 40px;
}

#career-text ul li{
  display: flex;
}

/* 演能経歴の年月日*/
 #career-text  time{
   width: 15%;
  font-size: 1.4rem;
}

/* 演能経歴のテキストフォント*/
#career-text  p{
  width: 85%;
  font-size: 1.4rem;
}

/* 活動経歴のテキスト*/
#active-career-text{
  width: 100%;
  padding-left:40px;
}

#active-career-text ul{
  padding-right: 40px;
}

#active-career-text ul li{
  display: flex;
  padding-bottom: 15px;
}

/* 活動経歴の年月日*/
 #active-career-text  time{
   width: 22%;
  font-size: 1.4rem;
  line-height: 1.7;
}

/* 活動経歴のテキストフォント*/
#active-career-text  p{
  width: 78%;
  font-size: 1.4rem;
  line-height: 1.7;
}

/* 演能経歴と活動経歴 最後の一文*/
.last-text{
  width: 100%!important;
  padding:10px 40px;
  font-size: 1.4rem;
}

/* お稽古場の余白調整*/
#rehear-margin{
  margin-top: 15px;
}

/* お稽古場のテキスト お稽古案内のページも共通*/
.lessons-text li{
  font-size: 1.4rem;
  line-height: 1.7;
}

/*
=======================================
=============
info.htmlのcss
=======================================
=============*/

/* 能演案内のタイトル*/
#info-title{
  position: relative;
}

#info-title h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top:15px;
}

#info-title img{
  position:absolute;
  top:-4;
  left: -5;
}

/* 能演案内のタイトル下の画像*/
.info-title-img{
text-align: center;
}

.info-title-img img{
  width: 65%;
  height: auto;
}

/* 能演案内の内容*/
.info-content{
  padding-top: 50px;
}

/* 能演案内のタイトル*/
.info-content h3{
  font-size: 1.6rem;
  background-color: #ccd7cf;
  padding-left: 1em;
  color: #030303;
  margin-bottom: 10px;
}

.info-content h3 a{
  text-decoration: transparent;
  display: block;
  font-size: 1.6rem;
  background-color: #ccd7cf;
  color: #030303;
  margin-bottom: 10px;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.info-content h3 a:hover{
  text-decoration: underline;
  text-decoration-color:#030303;
}

/* 能演案内のテキスト*/
.info-text{
  font-size: 1.6rem;
  line-height: 1.6;
  padding-left: 40px;

}

/* 能演案内の日時*/
.info-content time{
  display: block;
  padding-top: 20px;
}

/* 日時、会場、入場券のタブ*/
.tab-pink{
  padding-top: 10px;
}

.tab-pink span{
  font-size: 1.3rem;
  padding:2px 10px;
  background-color: #d31c38;
  border-radius: 2px;
  margin-right: 10px;
  color:#fff;
}

/* 入場券*/
.ticket{
  display: flex;
}

.ticket-class{
  padding-top: 10px;
}

.ticket-class p{
  font-size: 1.4rem;
  line-height: 1.6;
}

/* 詳細はこちら*/
.info-link{
  padding:20px 0 20px 40px;
}

/* 詳細はこちらの三角矢印*/
.arrow{
  position: relative;
  padding: 0 0 0 16px;
  font-size: 1.4rem;
  text-decoration: transparent;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.arrow:hover{
  text-decoration: underline;
  text-decoration-color:#d31c38;
}

.arrow::before{
  content:"";
  width:10px;
  height:10px;
  position: absolute;
  top:5;
  left: 0;
  margin: auto;
  box-sizing: border-box;
  border: 5px solid transparent;
  border-left: 8px solid #d31c38;
}

/* マック環境用　詳細こちらの三角の位置*/
.Mac .arrow::before{
  top:3!important
}

/* Safari (ただし、iOSのChromeにも適用される) */
_::-webkit-full-page-media, _:future, :root .arrow::before {
    top:7!important
}


/* 詳細はこちら　申し込みフォームの文字サイズ*/
.link-font{
  font-size: 1.4rem;
  color: #d31c38;
}

/* リンク間の幅調整*/
.link-space{
  padding-right: 15px;
}

/* 申し込みフォームのレイアウト*/
.link-application{
  display: inline-block;
  padding:5px 10px;
  border:solid #d31c38 1px;
  border-radius: 2px;
  transition: .4s ease;
  -webkit-transition:.4s ease;
  -moz-transition:.4s ease;
}

.link-application:hover{
  background-color: #d31c38;
  color:#fff;
}

/* リンク間の幅調整*/
.link-margin{
  margin-right: 20px;
}

/* チケットのお問い合わせ*/
#ticket-contact{
  padding-top: 30px;
}

/* チケットのタイトル*/
#ticket-title{
  position: relative;
}

#ticket-title  h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top:15px;
}

#ticket-title  img{
  position:absolute;
  top:-4;
  left: -5;
}

/* チケットのお問い合わせ番号＆メール*/
#ticket-form{
  padding-left: 40px;
}

#ticket-form p{
  font-size: 1.4rem;
}

#ticket-form a{
  text-decoration: transparent;
  color: #030303;
  font-size: 1.4rem;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

#ticket-form a:hover{
  text-decoration-color: #030303;
  text-decoration-line: underline;
}

/* メールアイコンの大きさ調整*/
.fa-envelope{
  padding-left: 5px;
  font-size: 2.6rem;
  margin-top: -5px;
}

/* お問い合わせ番号をクリックで電話アプリが立ち上がる
pcでは動作しないように*/
a[href^="tel:"]{
    pointer-events:none;
  }

/*
=======================================
=============
link.htmlのcss
=======================================
=============*/

/* リンク集のタイトル*/
#link-title{
  position: relative;
}

#link-title  h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top:15px;
}

#link-title  img{
  position:absolute;
  top:-4;
  left: -5;
}

/* リンク集 全体*/
.link-content{
  padding:10px 40px;
}

.link-flex{
  display: flex;
  padding-bottom: 5px;
}

/* リンク集 個別　位置調整*/
.link-list{
  padding-bottom: 50px;
}

.link-list:last-child{
  padding-bottom: 0;
}

/* リンク集 個別の名前　位置調整*/
.link-name{
  padding-bottom: 15px;
}

/* リンク集 個別の名前　文字サイズと下線*/
.link-name h3{
  font-size: 1.4rem;
  border-bottom:  solid 1px #030303;
  width: 100%;
}

.link-text{
  word-wrap: break-word;
}

/* リンク集 個別の名称*/
.parent{
  width: 7%;
  padding-bottom: 5px;
}

/* リンク集 個別の内容*/
.child{
  width:93%;
}

.child-link{
  display: inline-block;
}

/* リンク集 個別　文字サイズ*/
.link-text  p{
  font-size: 1.4rem;
  word-wrap: break-word;
}

/* リンク集 個別　リンク部分*/
.link-text  p  a{
  padding-right: 30px;
  text-decoration: transparent;
  color: #d31c38;
  font-size: 1.4rem;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.link-text  p  a:hover{
  text-decoration-color: #d31c38;
  text-decoration-line: underline;
}

.link-url{
  padding-top:5px;
}

/*
=======================================
=============
lessons.htmlのcss
=======================================
=============*/

/* お稽古案内のタイトル*/
#rehearsal-title{
  position: relative;
}

#rehearsal-title  h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top:15px;
}

#rehearsal-title  img{
  position:absolute;
  top:-4;
  left: -5;
}

.rehearsal-content{
  padding:10px 20px;
}

/* 履歴・活動歴のページも共通 */
.lessons-title{
  padding-bottom: 30px;
}

/* 履歴・活動歴のページも共通 */
.lessons-title  h3{
  font-size: 1.6rem;
  border-bottom:  solid 1px #030303;
}

/* 履歴・活動歴のページも共通 */
.lessons-text{
  display: flex;
  padding:0 20px;
}

/* ulは履歴・活動歴のページも共通 */
.lessons-text .text,
.lessons-text ul{
  padding-right: 30px;
  font-size: 1.4rem;
  width: 60%;
  word-wrap: break-word;
}

/* 見出しの位置調整 */
.content-title{
  padding-bottom: 20px;
}

/* 見出しの文字サイズと下線 */
.content-title  h3{
  font-size: 1.6rem;
  border-bottom:  solid 1px #030303;
}

/* お稽古場の画像 */
/* 履歴・活動歴のページも共通 */
.rehearsal-img{
  width: 40%;
  text-align: center;
}

.rehearsal-img img{
  width: 100%;
  height: auto;
}

/* お稽古場の画像　キャプション文字サイズ */
/* 履歴・活動歴のページも共通 */
.rehearsal-img p{
  font-size: 1.4rem;
  width: auto;
}

/*
=======================================
=============
.traditionのcss
=======================================
=============*/

/* 伝音のタイトル*/
#tradition-title{
  position: relative;
}

#tradition-title  h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top:15px;
}

#tradition-title  img{
  position:absolute;
  top:-4;
  left: -5;
}

/* 伝音のテキスト　位置調整*/
.tradition-text{
  padding:10px 25px 20px;
}

.tradition-text p,
.tradition-text h3{
  padding-bottom:5px;
}

.tradition-content{
  padding:20px 40px;
}

.tradition-content p,
.tradition-content ul{
  padding-bottom:15px;
}

/* 伝音のテキスト　リスト表示の文字サイズ*/
.tradition-font,
.tradition-content li{
  font-size:1.4rem;
}

.tradition-title{
  padding:0 20px;
}

/* 伝音の見出し文字サイズ*/
.tradition-title  h3{
  font-size: 1.6rem;
  border-bottom:  solid 1px #030303;
}

/* 伝音 リンクのレイアウト*/
.tradition-link{
  text-decoration: transparent;
  color: #d31c38;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.tradition-link:hover{
  text-decoration-color: #d31c38;
  text-decoration-line: underline;
}

/*
=======================================
=============
oriorinoki.htmlのcss
=======================================
=============*/

/* 折々の記のタイトル*/
#detai-title{
  position: relative;
}

#detai-title  h2{
  font-size: 1.8rem;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-top:15px;
}

#detai-title  img{
  position:absolute;
  top:-4;
  left: -5;
}
/* 折々の記のタイトル*/
.oriori h3{
  font-size: 1.6rem;
  background-color: #ccd7cf;
  padding-left: 1em;
  color: #030303;
  margin-bottom: 10px;
}
/* 能演案内のタイトル下の画像*/
.oriori-img{
text-align: center;
}
.oriori-img a {
}
.oriori-img img {
    width: 65%;
    height: auto;
}
.oriori-img02{
text-align: center;
justify-content: center;
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}
.oriori-img02 div {
    width: 300px;
display: inline-block;
}
.oriori-img02 img {
    width: 300px;
    height: auto;
}
.bold {font-weight: bold;}

.orioriMb {
margin-bottom: 30px;
padding-top: 60px;
margin-top:-60px;
}

/* 折々の記のテキスト　位置調整*/
.fast-text{
  padding-bottom: 10px;
}

#detai-text{
  padding:60px 40px 20px;
}

/* 折々の記のテキスト　文字サイズ*/
#detai-text p{
  font-size: 1.6rem;
}
#detai-text p a {
  font-size: 1.6rem;
  color: #d31c38;
}


.noh-title{
  font-size: 1.6rem;
  padding:10px 0 5px;
background-color: inherit !important;
  padding-left: 0px !important;
  color: inherit !important;
  margin-bottom: 0px !important;

}

.photo-title{
  font-size: 1.6rem;
  padding:10px 0 5px;
}

.photo-text{
  font-size: 1.4rem!important;
}


/*
=======================================
=============
birthday.htmlのcss
=======================================
=============*/

/* ８月２８日　誕生日を迎えてのタイトル*/
#birthday-title{
  position: relative;
}

#birthday-title  h2{
  font-size: 1.8rem;
  padding-bottom: 40px;
  padding-left: 30px;
  padding-top:15px;
}

#birthday-title  img{
  position:absolute;
  top:-4;
  left: -5;
}

/* 誕生日を迎えて　テキスト位置調整 */
#birthday-text{
  padding:10px 40px 20px;
}

/* 誕生日を迎えて　文字サイズ */
#birthday-text p{
  font-size: 1.4rem;
  padding-bottom:15px;
}

.text-blank{
  padding-bottom:35px!important;
}

/*
=======================================
=============
contact.htmlのcss
=======================================
=============*/

/* 申し込みフォームの大きさ*/
#formWrap {
	width:700px;
	margin:0 auto;
}

/* 申し込みフォームの文字サイズ*/
#formWrap a{
  font-size: 1.4rem;
  color:#e5e9dc;
}

#formWrap h3{
  font-size: 1.6rem;
  color:#e5e9dc;
  padding: 10px 0px 15px;
}

#formWrap p{
  font-size: 1.4rem;
  color:#e5e9dc;
  padding-bottom: 5px;
}

/* 申し込みフォーム テーブルの大きさ*/
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
/* 申し込みフォーム テーブル枠の線*/
table.formTable td,
table.formTable th{
	border:1px solid #444;
	padding:10px;
}

/* 申し込みフォーム テーブルの背景色*/
table.formTable th{
  font-size: 1.2rem;
	width:30%;
	font-weight:normal;
	text-align:left;
  color:#e5e9dc;
  background-image: url("../img/foot.jpg");
}

/* 申し込みフォーム テーブルの背景色*/
table.formTable td{
  color:#030303;
  font-size: 1.2rem;
  background-image: url("../img/container-img.jpg");
  background-position: center;
  background-size:102% 102%;
}

/* 申し込みフォーム 確認ボタンのレイアウト*/
.btn,input[type="button"]{
  font-size: 1.2rem;
  margin:30px 10px 20px;
  padding:5px 10px;
  border: none;
  border-radius: 2px;
  opacity: 1.0;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.btn:hover,input[type="button"]:hover{
  opacity: 0.8;
}

/* 申し込みフォーム TOPに戻るのレイアウト*/
.top{
  text-decoration: transparent;
  font-size: 1.2rem;
  padding: 20px;
  transition: .3s ease;
  -webkit-transition:.3s ease;
  -moz-transition:.3s ease;
}

.top:hover{
  text-decoration: underline;
  text-decoration-color:#e5e9dc;
}

/* 申し込みフォーム 注意書きのテキスト*/
#formWrap h4{
  font-size: 1.4rem;
  padding: 20px 0;
}

input[type="text"], input[type="number"],textarea {
  font-size: 1.2rem;
}